.news {
    transition: all 0.3s;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    display: flex;
    position: relative;
    margin-bottom: 20px;
    &:hover {
        &::after {
            left: 30px;
            color: #204da0;
        }
    }
    &::after {
        content: "→";
        display: black;
        color: #ccc;
        font-size: 23px;
        position: absolute;
        left: 0px;
        bottom: -30px;
        transition: all .5s;
    }
    &-left {
        width: 36%;
    }
    &-right {
        width: 64%;
        margin-right: 18px;
        &-top {
            font-size: 18px;
            margin-bottom: 8px;
            color: #333;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 99%;
            display: inline-block;
            overflow: hidden;
        }
        &-con{
            color: rgb(153, 153, 153);
        }
    }
}